<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>详情页面</title>
    <link href="css/management.css" rel="stylesheet" type="text/css"/>
    <link href="css/detail.css" rel="stylesheet" type="text/css"/>
</head>
<body>
<div class="container">
    <div class="header">
        <p class="title">证书管理系统</p>
        <p class="content"><span>管理员：</span><span>Admin&nbsp;&nbsp;&nbsp;&nbsp;</span><a href="#">[ 退出 ]</a></p>
    </div>
    <div class="left">
        <ul>
            <a href="upload.html"><li>上传预录入编号</li></a>
            <a href="PreEntryManangement.html"><li>预录入证书管理</li></a>
            <a href="management.html"><li class="select">证书管理</li></a>
        </ul>
    </div>
    <div class="right">
        <table cellspacing="0">
            <tr>
                <td>证书编号</td>
                <td><input type="text" value="XNZX-2017-0001" disabled/></td>
            </tr>
            <tr>
                <td>证书名</td>
                <td><input type="text" value="跨境电商结业证书" disabled/></td>
            </tr>
            <tr>
                <td>荣誉称号</td>
                <td>
                    <select disabled>
                        <option>跨境电商优秀学员</option>
                        <option>跨境电商优秀教师</option>
                    </select>
                </td>
            </tr>
            <tr>
                <td>发证日期</td>
                <td><input type="text" value="2017-12-03" disabled/></td>
            </tr>
            <tr>
                <td>发证机构</td>
                <td><input type="text" value="跨境电商" disabled/></td>
            </tr>
            <tr>
                <td>姓名</td>
                <td><input type="text" value="张三" disabled/></td>
            </tr>
            <tr>
                <td>性别</td>
                <td>
                    <select disabled style="width: 30px;">
                        <option>男</option>
                        <option>女</option>
                    </select>
                </td>
            </tr>
            <tr>
                <td>出生日期</td>
                <td><input type="text" value="1990-08-20" disabled/></td>
            </tr>
            <tr>
                <td>有效证件号码</td>
                <td><input type="text" value="331111200001012222" disabled/></td>
            </tr>
            <tr>
                <td>工作或学习单位</td>
                <td><input type="text" value="浙江工商大学" disabled/></td>
            </tr>
            <tr>
                <td>手机号码</td>
                <td><input type="text" value="18645454545" disabled/></td>
            </tr>
            <tr>
                <td>Email</td>
                <td><input type="text" value="zhangsan@163.com" disabled/></td>
            </tr>
            <tr>
                <td>毕业院校</td>
                <td><input type="text" value="浙江工商大学" disabled/></td>
            </tr>
            <tr>
                <td>最高学历</td>
                <td>
                    <select disabled>
                        <option>&nbsp;</option>
                        <option>高中及以下</option>
                        <option selected>本科</option>
                        <option>研究生</option>
                        <option>博士</option>
                    </select>
                </td>
            </tr>
            <tr>
                <td>学位</td>
                <td>
                    <select disabled>
                        <option>&nbsp;</option>
                        <option>高中及以下</option>
                        <option selected>学士</option>
                        <option>硕士</option>
                        <option>博士</option>
                    </select>
                </td>
            </tr>
            <tr>
                <td>专业</td>
                <td><input type="text" value="跨境电商" disabled/></td>
            </tr>
            <tr>
                <td>现居住城市</td>
                <td><input type="text" value="浙江省杭州市" disabled/></td>
            </tr>
            <tr>
                <td>现从事主要工作</td>
                <td><input type="text" value="跨境电商" disabled/></td>
            </tr>
            <tr>
                <td colspan="2"><a href="management.html"><button>返回</button></a><button>注销</button> </td>
            </tr>
        </table>
    </div>
</div>
<script src="js/jquery.js"></script>
<script src="js/management.js"></script>
<script>
    $(function () {
        $(".right table tr:not(:last)").each(function () {
            $(this).find("td:first").css("width","35%");
        });
        $(".right table tr:not(:last)").each(function () {
            $(this).find("td:last").css({
                "width":"65%",
                "borderRight":"1px solid #01345f"
            });
        });
        /*$("#edit").click(function () {
            $(":input").attr("disabled",false);
            $(this).text("编辑");
        })*/
    });
</script>
</body>
</html>